<script setup lang="ts">
import {
  svgRect,
  svgCircle,
  svgEllipse,
  svgLine,
  svgPolyline,
  svgPolygon,
  svgPath,
  svgBeiSaiEr,
  svgArc,
  svgStyle,
  svgDefs,
  rectViewBox,
  svgPatterns,
} from "@/components/svg-base-shape";

</script>

<template>
  <div class="app-container">
    <svgRect />
    <svgCircle />
    <svgEllipse />
    <svgLine />
    <svgPolyline />
    <svgPolygon />
    <svgPath />
    <svgBeiSaiEr />
    <svgArc />
    <rectViewBox />
    <svgStyle />
    <svgDefs />
    <svgPatterns />
  </div>
</template>

<style scoped lang="scss">
.app-container {
  @include flex;


  flex-wrap: wrap;
}
</style>
